// 获取DOM元素
const input = document.getElementById('input');
const button = document.getElementById('button');
const chatBody = document.getElementById('chatBody');

// 添加按钮点击事件监听器
button.addEventListener('click', function () {
    // 获取输入内容
    const message = input.value.trim();

    // 如果输入内容为空，则不处理
    if (message === '') {
        return;
    }


    //获得当前时间并将其格式化
    const now = new Date();
    const hours=String(now.getHours()).padStart(2, '0');//获得时 (String 对象的 padStart() 方法，一种字符串填充方法。)
    const minutes=String(now.getMinutes()).padStart(2, '0');//获得分
    const seconds=String(now.getSeconds()).padStart(2, '0');//获得秒
    const time = `${hours}:${minutes}:${seconds}`;//格式化

    //创建一个单独显示时间的区域
    const timeElement = document.createElement('div');
    timeElement.className = 'message-time';
    timeElement.textContent = time;

    // 将时间添加到聊天区域
    chatBody.appendChild(timeElement);






    // 创建用户消息元素
    const userMessage = document.createElement('div');
    userMessage.className = 'message user-message';
    userMessage.textContent = message;

    // 将用户消息添加到聊天区域
    chatBody.appendChild(userMessage);

    // 反转消息内容
    const reversedMessage = message.split('').reverse().join('');

    // 创建系统回复消息元素
    const systemMessage = document.createElement('div');
    systemMessage.className = 'message system-message';
    systemMessage.textContent = reversedMessage;

    // 将系统消息添加到聊天区域
    chatBody.appendChild(systemMessage);

    // 清空输入框
    input.value = '';

    // 滚动到底部
    chatBody.scrollTop = chatBody.scrollHeight;
});


//加入一个回车发送消息
input.addEventListener('keydown', function (Enter) {
    if (Enter.key === 'Enter') {
        button.click();
    }
});
